﻿.full-height {
    height: 100%;
    min-height: 100%;
}

html div.full-width, html table.full-width {
    width: 100%;
    max-width: none;
}

.screen {
    height: 100%;
    max-height: 100%;
}

.error-summary {
    color: red;
}

.important-note {
    color: red;
}

ul.error-summary li, .error-summary li {
    list-style: none;
}

#termsOfUse {
    height: 500px;
    padding-bottom: 140px;
}

    #termsOfUse .licence {
        height: 100%;
        overflow: auto;
        margin-bottom: 1em;
    }

.mruList {
    position: absolute;
    display: none;
    background-color: #fff;
    z-index: 1000;
    width: 100%;
    margin-top: -1em;
    padding: 0.5em;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: solid 1px #999;
    border-top-style: none;
}

    .mruList.open {
        display: block;
    }

    .mruList ul {
        list-style: none;
    }

    .mruList li {
        list-style: none;
        padding: 0;
    }

        .mruList li a {
            display: block;
            padding: 0 0.5em;
        }

            .mruList li a:hover {
                background-color: #3875D7;
                color: #fff;
            }

ul.disc {
    padding-left: 2em;
}

body {
}

td.locked .lock, td.unlocked .unlock {
    display: none;
}

a.lock, a.unlock {
    display: inline-block;
    width: 16px;
    height: 16px;
}

a.lock {
    background-image: url(../img/locked.png);
}

a.unlock {
    background-image: url(../img/unlocked.png);
}

nav tr.current {
    font-weight: bold;
}

.request-inprogress {
}

.request-complete a {
    color: green;
}

.request-error a {
    color: red;
}

pre {
    overflow: hidden;
    text-overflow: ellipsis;
}

table.data {
    table-layout: fixed;
    width: 100%;
}

.hex-editor * {
    font-family: consolas;
}

.hex-editor tr td input {
    margin: 0 0.5em;
    border: 0;
    box-shadow: none;
    -web-kit-box-shadow: none;
    font-size: 1em;
    height: 100%;
    line-height: 1em;
    padding: 0;
    width: 1.5em;
}

.hex-editor tr td {
    padding: 0;
    text-align: center;
}

    .hex-editor tr td.hex {
        width: 2.5em;
    }

.hex-editor tr .hex-0, .hex-editor tr .hex-8 {
    padding-left: 1em;
}

.hex-editor tr td.char {
    width: 1.5em;
}

/*table.data tr:hover {
    background-color: #68b5d7;
}

table.data tr:hover td {
    color: white;
}

table.data tr:hover td a {
    color: white;
}*/

table.data td {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Blobs View */
.blobs-view .blob-containers-list th.name {
    width: 30%;
}

.blobs-view th.name {
    width: 30%;
}

.blobs-view th.blobType {
    width: 10%;
}

.blobs-view th.contentType {
    width: 20%;
}

.blobs-view th.contentLength {
    width: 15%;
}

.blobs-view th.lease {
    width: 10%;
}

.blobs-view th.actions {
    width: 15%;
}

#createBlob a.button.inactive {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333;
}

#createBlob textarea {
    resize: vertical;
}

/* Tables View */
.tables-view .tables-list th.name {
    width: 30%;
}

.tables-view th.partitionKey {
    width: 15%;
}

.tables-view th.rowKey {
    width: 15%;
}

.tables-view th.timestamp {
    width: 10%;
}

.tables-view th.actions {
    width: 5%;
}

.table-columns label {
    display: inline-block;
}

.tables-view .settings.button, .queues-view .settings.button, .blobs-view .settings.button {
    padding: 0;
    width: 42px;
    background-color: transparent;
    border: none;
}

.tables-view a.settings, .queues-view a.settings, .blobs-view a.settings {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    height: 32px;
}

.tables-view tr.red {
    background-color: #c00000;
}

.tables-view tr.green {
    background-color: #00c000;
}

.tables-view tr.yellow {
    background-color: #c0c000;
}

.tables-view tr.blue {
    background-color: #3875d7;
}

.tables-view tr.gray {
    background-color: #c0c0c0;
}

.tables-view tr.highlighted td, .tables-view tr.highlighted td a {
    color: white;
}

.entity-properties {
    table-layout: fixed;
    width: 100%;
}

    .entity-properties .property {
        width: 30%;
    }

    .entity-properties .type {
        width: 20%;
    }

    .entity-properties .value {
        width: 50%;
    }

#blobDetails input {
    margin-bottom: 0;
}

/* Queues view */
.queues-view .queues-list th.name {
    width: 30%;
}

.queues-view th.id {
    width: 15%;
}

.queues-view th.text {
    width: 45%;
}

.queues-view th.insertionTime {
    width: 10%;
}

.queues-view th.expirationTime {
    width: 10%;
}

.queues-view th.dequeueCount {
    width: 10%;
}

#createMessage textarea {
    resize: vertical;
}


#tableFilter.error:focus {
    border-color: #c60f13;
    background-color: rgba(198,15,19,0.1);
}

.console {
    height: 0;
    overflow: hidden;
}

    .console .controls li {
        height: auto;
    }

    .console .controls button {
        width: auto;
    }

    .console .request.request-complete, .console .request.request-complete a {
        color: #cbffa4;
    }

    .console .request.request-error, .console .request.request-error a {
        color: #ff6054;
    }

/*----------------------------Notification area----------------------*/
.notification-message {
    position: fixed;
    right: 50px;
    width: 250px;
    height: 60px;
    padding: 10px;
    overflow: hidden;
    font: 90% Arial,Verdana,sans-serif;
    border-radius: 5px;
    opacity: 0.8;
}

    .notification-message.error {
        border: solid 1px red;
        background-color: #ffffc0;
        color: red;
    }

    .notification-message.info {
        border: solid 1px red;
        background-color: #f0fff0;
        color: Black;
    }

/*----------------------------Spinner----------------------*/

.with-progress {
    position: relative;
}

    .with-progress .loading {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        background-image: url(../img/progress.gif);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: rgba(255,255,255,0.7);
    }

.grid-container {
    height: 100%;
    max-height: 100%;
}

.data-grid {
    height: 100%;
    max-height: 100%;
}

.controls {
    min-height: 40px;
}

.pagination li a {
    font-size: 16px;
    line-height: 40px;
}

.pagination li.current a {
    background-color: #333;
}

.pagination li.current:hover a {
    background-color: #444;
}

.long-content {
    overflow: auto;
    max-height: 100%;
}

.prop-data th {
    width: 25%;
}

.prop-data td {
    width: 74.5%;
}

.prop-data label {
    font-weight: bold;
    font-size: 1em;
}

.row.page-blob-controls {
    width: 70em;
}

.meta-editor {
    max-height: 21em;
    overflow: auto;
    margin-bottom: 2em;
}

    .meta-editor input {
        margin-bottom: 0;
    }

.subexpressions {
    padding-left: 2em;
}

#tableQueryBuilder input, #tableQueryBuilder select {
    margin: 0 0 0.5em 0;
}

#tableQueryBuilder .highlighted {
    background-color: #888;
}
#tableQueryBuilder .col-name {
    color: #0000a0;
}

#tableQueryBuilder .col-value {
    color: #006000;
}

#tableQueryBuilder .missing-value {
    color: red;
}

#tableQueryBuilder .query-text {
    max-height: 100px;
    overflow: auto;
}
#tableQueryBuilder .query-tree {
    max-height: 400px;
    overflow: auto;
}
.query-builder-input {
    position: relative;
}

.query-builder-input a.query-open {
    position: absolute;
    right: 1em;
    top: 0.5em;
    z-index: 100;
}


select {
    padding: 0.5em;
    height: 2.3125em;
    font-size: 0.875em;
    color: rgba(0,0,0,0.75);
}